﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>City Night</title>

<link rel="shortcut icon" href="assets/images/favicon.png">

<link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="plugins/slick/slick.css" rel="stylesheet">
<link href="plugins/slick-nav/slicknav.css" rel="stylesheet">
<link href="plugins/wow/animate.css" rel="stylesheet">
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/theme.css" rel="stylesheet">

</head>
<body class="contact-template">
<div id="app">
	<div id="page-loader">
		<div class="loaders">
			<img src="assets/images/loader/3.gif" alt="First Loader"> <img
				src="assets/images/loader/4.gif" alt="First Loader">
		</div>
	</div>
	<header id="site-header">
			<div id="site-header-top">
				<div class="container">
					<div class="row">
						<div class="col-md-5">
							<div class="clearfix">
								<button class="btn btn-warning btn-lg header-btn visible-sm pull-right">List your
									Property for Free</button>
								<p class="timing-in-header">Open Hours: Monday to Saturday - 8am to 6pm</p>
							</div>
						</div>
						<div class="col-md-7">
							<div class="clearfix"  v-if="!checkLogin">
								<a class="btn btn-warning btn-lg header-btn hidden-sm"
									href="/user/login.html">点此登录</a>
							</div>
							<div class="clearfix"  v-else>
								<a class="btn  btn-lg header-btn"
									href="javascript:void(0)" @Click="out()">退出</a>
								<a class="btn  btn-lg header-btn"
									href="/user/user.html" >个人中心</a>
								<a class="btn btn-warning btn-lg header-btn hidden-sm"
									href="/user/user.html">欢迎：{{user.nickName}}</a>			
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<figure id="site-logo">
							<a href="index.html"><img src="assets/images/logo.png" alt="Logo"></a>
						</figure>
					</div>
					<div class="col-md-6 col-sm-8">
						<nav id="site-nav" class="nav navbar-default">
							<ul class="nav navbar-nav">
								<li><a href="index.html">主页</a></li>
								<li><a href="property-listing.html">查询</a></li>
								<li><a href="gallery.html">展示</a></li>
								<li><a href="contact.html">反馈</a></li>
							</ul>
						</nav>
					</div>
					<div class="col-md-3 col-sm-4">
						<div class="contact-in-header clearfix">
							<i class="fa fa-mobile"></i>
							<span>
								联系我们
								<br>
								<strong>111 222 333 444</strong>
							</span>
						</div>
					</div>
				</div>
			</div>
		</header>
	<div id="site-banner" class="text-center clearfix">
		<div class="container">
			<h1 class="title wow slideInLeft">Get in touch with us</h1>
			<ol class="breadcrumb wow slideInRight">
				<li><a href="index.html">Home</a></li>
				<li class="active">Contact</li>
			</ol>
		</div>
	</div>
	<div id="contact-page" class="contact-page-var-one">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<div class="contact-form-wrapper">
						<h3 class="entry-title">Contact Us</h3>
						<div class="contents">
							<p>Sed perspiciatis unde natus error sit voluptatem
								accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
								quae ab illo inventore veritatis et quasi architecto beatae
								vitae.</p>
						</div>
						<form action="form-handler.php" method="post" class="contact-form">
							<p class="form-author common">
								<input id="author" name="name" type="text"
									placeholder="Your Name *" aria-required="true"
									required="required">
							</p>
							<p class="form-email common">
								<input id="email" name="email" type="text"
									placeholder="Your Email *" aria-describedby="email-notes"
									aria-required="true" required="required">
							</p>
							<p class="form-phone common">
								<input id="phone" name="phone" type="text"
									placeholder="Your Phone Number *" aria-required="true"
									required="required">
							</p>
							<p class="form-subject common">
								<input id="subject" name="subject" type="text"
									placeholder="subject">
							</p>
							<p class="form-comment">
								<textarea id="message" name="message" placeholder="Comment"
									cols="45" rows="7"></textarea>
							</p>
							<p class="form-submit">
								<button type="submit" id="submit-button"
									class="submit-btn btn btn-default btn-lg btn-3d"
									data-hover="Post Comment">Post Comment</button>
								<span id="ajax-loader"><i
									class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span
									class="sr-only">Loading...</span></span>
							</p>
							<div id="error-container"></div>
							<div id="message-container"></div>
						</form>
					</div>
				</div>
				<div class="col-md-6">
					<div class="contact-page-contents clearfix">
						<div class="row">
							<div class="col-md-6">
								<i class="fa fa-map-marker"></i>
								<div class="contents">
									<h6 class="title">Mailing Address</h6>
									<address>95 Amphitheatre Parkway Mountain View CA,
										United States</address>
								</div>
							</div>
							<div class="col-md-6">
								<i class="fa fa-phone"></i>
								<div class="contents">
									<h5 class="title">Contact Info</h5>
									<ul>
										<li>Phone: (123) 45678910</li>
										<li>Mail: company@domain.com</li>
										<li>Fax: +84 962 216 601</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div id="map-canvas"></div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<footer id="footer"></footer>
	<a href="#top" id="scroll-top"><i class="fa fa-angle-up"></i></a>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.migrate.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="plugins/slick-nav/jquery.slicknav.min.js"></script>
	<script src="plugins/slick/slick.min.js"></script>
	<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
	<script src="plugins/forms/jquery.form.min.js"></script>
	<script src="plugins/forms/jquery.validate.min.js"></script>
	<script src="plugins/modernizr/modernizr.custom.js"></script>
	<script src="plugins/wow/wow.min.js"></script>
	<script src="plugins/zoom/zoom.js"></script>
	<script src="plugins/mixitup/mixitup.min.js"></script>
	<script src="assets/js/theme.js"></script>
	<script src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="js/vue.js"></script>
		<script type="text/javascript" src="js/axios.js"></script>
		<script type="text/javascript" src="js/qs.js"></script>
		<script src="js/slide.js"></script>
	<script  type="text/javascript">
		window.onload = function(){
	    	$("#footer").load("footer.html");            
		}
	</script>
	<script type="text/javascript">
		let app = new Vue ( {
	    	el: "#app",
	    	data: {
	    		checkLogin: false,
	    		user: {},
	    	},
	    	mounted: function ( ){
	    		axios.get("user/check" ).then (rt =>{
			    	if (rt.status == 200 && rt.data.code == 200){
			    		this.user = rt.data.data;
			    		this.checkLogin = true;
			    		return false;
			    	}
			    	this.checkLogin = false;
		    	})
		    	
		    			    	
	    	},
	    	methods: {
	    	
	    		out: function(){
	    			axios.get("user/out" ).then (rt =>{
				    	if (rt.status == 200 && rt.data.code == 200){
				    		this.user = [];
				    		this.checkLogin = false;
				    		return false;
				    	}
				    	this.user = [];
				    	this.checkLogin = false;
			    	})
	    		}
	    	}
	    })
		</script>
</body>
</html>


